JS - 日期選擇欄位

需引入jQuery函式庫,使用的是jQuery的Datepicker部件

1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
...
<script>
$( function() {
$( ".datepicker" ).datepicker({dateFormat: "yy-mm-dd"});
} );
</script>
....
</head>

日期 : <input type="text" class="datepicker" name="date" size="8" placeholder="請選擇">

非常好用,網路上的介紹也非常多!
官方文檔:https://jqueryui.com/datepicker/